<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0
    user-scalable=no,minimum-scale=1.0,maximum-scale=1.0
    ">
    <title>配送方式弹窗</title>
    <link rel="stylesheet" href="./css/distribution.min.css">
    <link rel="shortcut icon" href="bitbug_favicon.ico" />
</head>
<div class="tabber">
    <header>
        <h3>
            填写订单
        </h3>
    </header>
    <main>
        <div>
            <span>收货信息</span>
            <p>请选择收货信息</p>
        </div>
        <div class="frame"></div>
        <div>
            <span>送达日期</span>
            <p>2022-12-30</p>
        </div>
        <div class="frame"></div>
        <div>
            <span>配送时间</span>
            <p>不限时段</p>
        </div>
        <div class="frame"></div>
        <div><span>
                配送方式
            </span>
            <p>市区免费配送</p>
        </div>

    </main>
    <div class="dotted-line">
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
        <div class="parallel"></div>
    </div>
    <div class="content">
        <div>
            <p>市区免费配送</p>
        </div>
        <div>
            <p>近郊+30.00运费</p>
        </div>
        <div>
            <p>远郊+50运费</p>
        </div>
    </div>